<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:gs="http://www.tianqingwl.com/gsystem/tags">
<gs:sysConfig group="site_config">
<head th:replace="~{/default/common/header.html}"></head>
<body>
<div th:replace="~{/default/common/header-nav.html}"></div>
<div class="gui-header-clear"></div>

<nav class="gui-box-center gui-main-width" style="margin-bottom: 15px;">
    <a th:href="@{/}" href="#">首页</a> > <a th:href="@{${contentType.typeId==null?'#':'/list/'+contentType.typeId+'_1.html'}}" href="#" th:text="${contentType.typeName}">Java</a>
</nav>
<main class="gui-box-center gui-main-width">
    <div class="gui-main-left">

        <div class="gui-card">
            <div class="gui-card-title"><h1 class="gui-card-title-normal" th:text="${searchContent!=null?'搜索结果':'最新文章'}">最新文章</h1></div>
            <div class="gui-card-main">
                <ul>
                    <li class="gui-article-item" th:each="contentInfo:${page.records}">
                        <div class="gui-article-cover">
                            <a th:href="@{'/'+${contentInfo.contentId}+'.html'}" href="#" target="_blank">
                                <img th:src="@{${contentInfo.cover}}" src="http://www.jikedaquan.com/zb_users/upload/2020/04/202004201587359167321580.jpg"
                                     th:alt="${contentInfo.contentTitle}">
                            </a>
                        </div>
                        <div class="gui-article-preview">
                            <h2 class="gui-article-title"><a th:href="@{'/'+${contentInfo.contentId}+'.html'}" href="#" target="_blank" th:text="${contentInfo.contentTitle}"></a></h2>
                            <p class="gui-article-desc">
                                <a th:href="@{'/'+${contentInfo.contentId}+'.html'}" href="#"  target="_blank" th:text="${contentInfo.description}">
                                    本篇文章帮大家学习Spring Boot CLI环境安装，包含了Spring Boot
                                    CLI环境安装使用方法、操作技巧、实例演示和注意事项，有一定的学习价值，大家可以用来参考。 由于Spring是基于Java的框架，需要先设置JDK。 以下是设置Spring
                                    Boot CLI以及JDK安装所需的步骤。 第1步
                                </a>
                            </p>
                            <div class="gui-article-info gui-text-unimportant">
                                <span class="gui-article-type">
                                    <a th:href="@{'/list/'+${contentInfo.contentType}+'_1.html'}" href="#">
                                        <i class="fa fa-book"></i>
                                        [[${contentInfo.contentTypeName}]]
                                    </a>
                                </span>
                                <span>
                                    <i class="fa fa-calendar"></i>
                                    [[${#dates.format(contentInfo.createTime, 'yyyy-MM-dd')}]]
                                </span>
                                <span>
                                    <i class="fa fa-eye"></i>
                                    [[${contentInfo.viewCount}]]
                                </span>
                                <!--<span>
                                    <i class="fa fa-comment-o"></i>
                                    0
                                </span>-->
                                <!--<span class="gui-article-tag">
                                    <a href="#">Java</a>
                                    <a href="#">SpringBoot</a>
                                </span>-->
                            </div>
                        </div>
                    </li>

                    <!--分页-->
                    <li class="gui-article-item gui-page">
                        <div th:if="${page.pages>0}" th:remove="tag">
                            <div th:if="${page.current gt 1}" th:remove="tag">
                                <a th:href="@{/}" href="#">首页</a>
                                <a th:href="@{'/'+${'page_'+(page.current-1)+'.html'}}" href="#">上一页</a>
                            </div>
                            <div th:if="${page.pages<=5}" th:remove="tag">
                                <div th:each="count:${#numbers.sequence(1,page.pages)}" th:remove="tag">
                                    <a th:href="@{'/'+${'page_'+count+'.html'}}"
                                       th:class="${page.current==count?'current':''}" href="#"
                                       th:text="${count}"></a>
                                </div>
                            </div>
                            <div th:if="${page.current<page.pages-4&&page.pages>5}" th:remove="tag">
                                <div th:each="count:${#numbers.sequence(page.current,page.current+4)}" th:remove="tag">
                                    <a th:href="@{'/'+${'page_'+count+'.html'}}"
                                       th:class="${page.current==count?'current':''}" href="#"
                                       th:text="${count}"></a>
                                </div>
                            </div>
                            <div th:if="${page.current>=page.pages-4&&page.pages>5}" th:remove="tag">
                                <div th:each="count:${#numbers.sequence(page.pages-4,page.pages)}" th:remove="tag">
                                    <a th:href="@{'/'+${'page_'+count+'.html'}}"
                                       th:class="${page.current==count?'current':''}" href="#"
                                       th:text="${count}"></a>
                                </div>
                            </div>
                            <div th:if="${page.current < page.pages}" th:remove="tag">
                                <a th:href="@{'/'+${'page_'+(page.current+1)+'.html'}}" href="#">下一页</a>
                                <a th:href="@{'/'+${'page_'+(page.pages)+'.html'}}" href="#">尾页</a>
                            </div>
                        </div>
                        <div th:if="${page.pages<1}" th:remove="tag">
                            暂无数据
                        </div>
                    </li>

                </ul>
            </div>
        </div>

    </div>
    <div class="gui-main-right" th:replace="~{/default/common/aside.html}"></div>
    <div class="gui-clear-float"></div>
</main>
<div th:replace="~{/default/common/footer.html}"></div>
</body>
</gs:sysConfig>
</html>